<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<style type="text/css">
		img{
			/*	高斯模糊 值越大越模糊		*/
/*			filter:blur(5px);*/
    		/* 灰度图像 0%原图 100%黑白  */
/*    		filter:grayscale(50%) ;   */
			/* 图片亮度  小于100%变黑 大于100%变亮  */
/*			filter: brightness(150%);*/
			/* 对比度 1原图 0灰色 >1对比度  */
/*			filter: contrast(2);*/
			/* 饱和度    */
/*			filter: saturate(200%);*/
			/* 阴影 x y阴影上的位置 阴影扩展大小  阴影颜色  */
/*			filter: drop-shadow(1px 1px 10px red);*/
			/* 透明度 0%-100% */
/*			filter: opacity(50%);*/
			/* 相机底片  */
/*			filter: invert(100%);*/
			/*	添加其他颜色  颜色变化 0-360deg		*/
			filter: hue-rotate(210deg);

		}
	</style>
</head>
<body>
		<img src="../../小黑子/3.webp">
</body>
</html>